<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
</head>
<body>
<div style="text-align: center">
    <h1>登录页面</h1>
    <form action="loginServlet" method="post">
        <label>
            用户名：
            <input type="text" name="uname">
        </label><br>
        <label>
            密&#12288;码：
            <input type="password" name="password">
        </label><br>
        <label>
            验证码：
            <input type="text" name="code">
        </label><br>

        &#12288;&#12288;&#12288;&#12288;
        <img src="CodeServlet" alt="验证码生成失败" id="checkCode"><br>
        <input type="submit" value="提交">
        <input type="reset" value="重置">
    </form>
    <a href="register.html">立即注册</a>
</div>
</body>
<script>
    window.onload = function(){
        /*获取图片对象*/
        let img = document.getElementById("checkCode");
        /*绑定点击事件*/
        img.onclick=function (){
            img.src="CodeServlet?"+new Date().getTime();
        }
    }
</script>
</html>